{% extends "templates/web.html" %}

{% block title %}Flowa login{% endblock %}

{% block style %}
<link rel="stylesheet" href="/assets/upsystem/css/ups_login.css">
<style>
  footer.web-footer,
  .web-footer,
  .page-footer,
  .footer-powered,
  .powered-by,
  .standard-footer,
  .footer-logo,
  .footer,
  .website-footer {
    display: none !important;
  }
</style>
{% endblock %}

{% block page_content %}
<div class="ups-navbar flowa-container">
  <a class="ups-brand" href="/flowa">
    <img src="/assets/upsystem/images/custom-e-logo.png" width="28" height="28" alt="logo"/>
    <span>{{ _("Flowa • OMS") }}</span>
  </a>
</div>

<section class="flowa-container ups-login-hero">
  <div class="ups-hero-graphic">
    <div class="ups-hero-title" data-i18n="Flowa OMS订单管理系统">{{ _("Flowa OMS订单管理系统") }}</div>
    <div class="ups-hero-sub" data-i18n="一站式多平台订单管理 · 让数据发挥价值">{{ _("一站式多平台订单管理 · 让数据发挥价值") }}</div>
    <div class="ups-hero-badge" data-i18n="高效运营 · 智能驱动" style="margin-top:18px;display:inline-block;background:#0e7afe;color:#fff;padding:8px 12px;border-radius:8px;">{{ _("高效运营 · 智能驱动") }}</div>
  </div>
  <div>
    <div class="ups-login-card">
      <div class="head">{{ _("用户登录") }}</div>
      <form id="ups-login-form">
        <div class="ups-field">
          <input id="ups-usr" class="ups-input" type="text" placeholder="{{ _("账号") }}" autocomplete="username" required />
        </div>
        <div class="ups-field">
          <input id="ups-pwd" class="ups-input" type="password" placeholder="{{ _("密码") }}" autocomplete="current-password" required />
        </div>
        <div class="ups-actions" style="margin:10px 0;">
          <label style="display:flex;align-items:center;gap:6px;font-size:12px;color:#6b7280;">
            <input type="checkbox" checked /> {{ _("记住我") }}
          </label>
          <div class="ups-lang">
            {{ _("语言") }}：
            <select id="ups-lang" class="ups-input" style="width:140px;height:32px;padding:4px 8px;">
              <option value="zh" {% if current_language == "zh" %}selected{% endif %}>{{ _("简体中文版") }}</option>
              <option value="en" {% if current_language == "en" %}selected{% endif %}>{{ _("English") }}</option>
            </select>
          </div>
        </div>
        <div id="ups-error" style="display:none;color:#ef4444;font-size:12px;margin-bottom:8px;"></div>
        <button class="ups-btn" type="submit">{{ _("登录") }}</button>
      </form>
    </div>
  </div>
</section>
{% endblock %}

{% block script %}
<script src="/assets/upsystem/js/flowa_i18n.js"></script>
<script src="/assets/upsystem/js/ups_login.js"></script>
{% endblock %}


